<template>
	<view class="wrap">
		<image src="@/static/my.png"></image>
		<view class="courseDetailClass">
			<image class="jx" src="@/static/jx.png"></image>
			<text class="blodText" v-text="courseDetail.name"></text>
			<text class="blodText" v-text="courseDetail.termName"></text>
			<text class="blodText borderBottom" v-text="courseDetail.courseName"></text>

			<text class="normalText" v-text="`总成绩:${courseDetail.totalResult}`"></text>
			<text class="normalText" v-text="`平时成绩:${courseDetail.totalResult}`"></text>
			<text class="normalText" v-text="`实验成绩:${courseDetail.experimentResult}`"></text>
			<text class="normalText" v-text="`期中成绩:${courseDetail.midExamResult}`"></text>
			<text class="normalText" v-text="`期末成绩:${courseDetail.finalExamResult}`"></text>
			<text class="normalText" v-text="`班级排名:${courseDetail.studentRank}`"></text>
		</view>
		<recordCharts :scoreVos="scoreVos"></recordCharts>
	</view>
</template>

<script>
	import recordCharts from "./ucharts/recordCharts"
	import userMixins from '@/libs/userMixins.js'
	export default {
		mixins: [userMixins],
		data() {
			return {
				courseDetail: "",
				scoreVos: "",
				params: "",
				
			}
		},
		async onLoad(option) {
			let params = JSON.parse(option.paramsStr);
			let detail = await this.$http.post({
				url: '/edu/schoolReportStudent/getStudentReportDetail',
				data: params
			});
			this.scoreVos = detail.result.scoreVos
			this.courseDetail = detail.result
		},
		methods: {
		},
		components: {
			recordCharts
		}
	}
</script>

<style lang="scss" scoped>
	.wrap {
		image {
			width: 750upx;
			height: 361upx;
			display: block;
		}
	}

	.courseDetailClass {
		width: 690upx;
		height: 705upx;
		padding: 50upx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 2upx 7upx 0px rgba(0, 0, 0, 0.1);
		border-radius: 8upx;
		position: relative;
		margin: -250upx auto 0 auto;

		.jx {
			width: 40upx;
			height: 68upx;
			position: absolute;
			top: -5upx;
			right: 40upx;

		}

		text {
			&:nth-of-type(3) {
				padding-bottom: 40upx;
			}
		}
	}

	.blodText {
		display: block;
		font-size: 36upx;
		line-height: 60upx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: rgba(51, 51, 51, 1);
	}

	.normalText {
		display: block;
		font-size: 30upx;
		line-height: 70upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(51, 51, 51, 1)
	}
</style>
